<template>
  <div class="author-page">
    <nav-unit />
    <div class="center-content">
      <self-introduction />
      <div class="author-introduction">
        <h4>作者<i>Altria</i>简介</h4>
        <el-divider />
        <div class="column">
            <h3>资料</h3>
            <ul>
              <li>个人： 目前在破大砖修电脑</li>
              <li>梦想： 混吃等死</li>
              <li>爱好： 玩玩游戏、看看番</li>
              <li>特长： 网抑云大师</li>
              <li>性格： 今朝有酒今朝醉,明日愁来明日愁</li>
            </ul>
        </div>
        <el-divider />
        <div class="column">
          <h3>寄语</h3>
          <div>
            <p>
              网站设计的日子适逢fgo简中版2.6章开幕式吗,作者有感而发,将其作为网站的主题设计,以表纪念。
              同时也赠逝去的青春,作为一个五年的老玩家仍能在本章中回归初心,仿佛重回记忆中最辉煌的时刻。记载于人理之上的,星辰闪耀的瞬间。
            </p>
            <p>
              至网站临近完成之时,已是fgo7周年,简中版6周年之际了。在此恭贺周年快乐,愿今后也能不断向好的方向发展。
              为一路走来的旅途干杯!为今后的旅途献上祝福!
            </p>
            <p>仅作此题词聊表心意，以告诫自身不忘初心。</p>
          </div>
        </div>
        <el-divider />
        <div class="music">
         <meting-js server="netease" type="song" id="1905667667"></meting-js>
        </div>
      </div>
      <el-image :src="require('@/assets/aniversiry.png')" fit="cover"></el-image>
    </div>
    <footer-unit />
  </div>
</template>

<script>
import NavUnit from '@/components/Navigation/NavUnit.vue'
import SelfIntroduction from '@/components/Author/SelfIntroduction.vue'
import FooterUnit from '@/components/Footer/FooterUnit.vue'

export default {
  name: 'AuthorPage',
  components: { 
    NavUnit,
    SelfIntroduction,
    FooterUnit
  }
}
</script>

<style scoped>
  .center-content {
    display: flex;
  }
  .author-introduction {
    width: 750px;
    box-sizing: border-box;
    box-shadow: var(--el-box-shadow-lighter);
    padding: 50px;
    margin: 0 50px;
  }
  h3 {
    margin: 10px 0;
  }
  h4 {
    text-align: center;
  }
  p {
    text-indent: 32px;
    padding: 2.5px 0;
  }
  .el-image {
    width: 400px;
  }
</style>